<!DOCTYPE html>
<html class="default">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <title>RealtimeSubscription | @supabase/supabase-js</title>
    <meta name="description" content="Documentation for @supabase/supabase-js" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../assets/style.css" />
    <link rel="stylesheet" href="../assets/highlight.css" />
    <script async src="../assets/search.js" id="search-script"></script>
  </head>
  <body>
    <script>
      document.body.classList.add(localStorage.getItem('tsd-theme') || 'os')
    </script>
    <header>
      <div class="tsd-page-toolbar">
        <div class="container">
          <div class="table-wrap">
            <div class="table-cell" id="tsd-search" data-base="..">
              <div class="field">
                <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label
                ><input type="text" id="tsd-search-field" />
              </div>
              <ul class="results">
                <li class="state loading">Preparing search index...</li>
                <li class="state failure">The search index is not available</li>
              </ul>
              <a href="../index.html" class="title">@supabase/supabase-js</a>
            </div>
            <div class="table-cell" id="tsd-widgets">
              <div id="tsd-filter">
                <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
                <div class="tsd-filter-group">
                  <div class="tsd-select" id="tsd-filter-visibility">
                    <span class="tsd-select-label">All</span>
                    <ul class="tsd-select-list">
                      <li data-value="public">Public</li>
                      <li data-value="protected">Public/Protected</li>
                      <li data-value="private" class="selected">All</li>
                    </ul>
                  </div>
                  <input type="checkbox" id="tsd-filter-inherited" checked /><label
                    class="tsd-widget"
                    for="tsd-filter-inherited"
                    >Inherited</label
                  ><input type="checkbox" id="tsd-filter-externals" checked /><label
                    class="tsd-widget"
                    for="tsd-filter-externals"
                    >Externals</label
                  >
                </div>
              </div>
              <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
            </div>
          </div>
        </div>
      </div>
      <div class="tsd-page-title">
        <div class="container">
          <ul class="tsd-breadcrumb">
            <li><a href="../modules.html">@supabase/supabase-js</a></li>
            <li><a href="../modules/index.html">index</a></li>
            <li><a href="index.RealtimeSubscription.html">RealtimeSubscription</a></li>
          </ul>
          <h1>Class RealtimeSubscription</h1>
        </div>
      </div>
    </header>
    <div class="container container-main">
      <div class="row">
        <div class="col-8 col-content">
          <section class="tsd-panel tsd-hierarchy">
            <h3>Hierarchy</h3>
            <ul class="tsd-hierarchy">
              <li><span class="target">RealtimeSubscription</span></li>
            </ul>
          </section>
          <section class="tsd-panel-group tsd-index-group">
            <h2>Index</h2>
            <section class="tsd-panel tsd-index-panel">
              <div class="tsd-index-content">
                <section class="tsd-index-section tsd-is-external">
                  <h3>Constructors</h3>
                  <ul class="tsd-index-list">
                    <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#constructor" class="tsd-kind-icon"
                        >constructor</a
                      >
                    </li>
                  </ul>
                </section>
                <section class="tsd-index-section tsd-is-external">
                  <h3>Properties</h3>
                  <ul class="tsd-index-list">
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#bindings" class="tsd-kind-icon"
                        >bindings</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#joinPush" class="tsd-kind-icon"
                        >join<wbr />Push</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#joinedOnce" class="tsd-kind-icon"
                        >joined<wbr />Once</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#params" class="tsd-kind-icon"
                        >params</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#pushBuffer" class="tsd-kind-icon"
                        >push<wbr />Buffer</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#rejoinTimer" class="tsd-kind-icon"
                        >rejoin<wbr />Timer</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#socket" class="tsd-kind-icon"
                        >socket</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#state" class="tsd-kind-icon"
                        >state</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#timeout" class="tsd-kind-icon"
                        >timeout</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#topic" class="tsd-kind-icon"
                        >topic</a
                      >
                    </li>
                  </ul>
                </section>
                <section class="tsd-index-section tsd-is-external">
                  <h3>Methods</h3>
                  <ul class="tsd-index-list">
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#canPush" class="tsd-kind-icon"
                        >can<wbr />Push</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#isClosed" class="tsd-kind-icon"
                        >is<wbr />Closed</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#isErrored" class="tsd-kind-icon"
                        >is<wbr />Errored</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#isJoined" class="tsd-kind-icon"
                        >is<wbr />Joined</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#isJoining" class="tsd-kind-icon"
                        >is<wbr />Joining</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#isLeaving" class="tsd-kind-icon"
                        >is<wbr />Leaving</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#isMember" class="tsd-kind-icon"
                        >is<wbr />Member</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#joinRef" class="tsd-kind-icon"
                        >join<wbr />Ref</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#off" class="tsd-kind-icon">off</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#on" class="tsd-kind-icon">on</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#onClose" class="tsd-kind-icon"
                        >on<wbr />Close</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#onError" class="tsd-kind-icon"
                        >on<wbr />Error</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#onMessage" class="tsd-kind-icon"
                        >on<wbr />Message</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#push" class="tsd-kind-icon">push</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#rejoin" class="tsd-kind-icon"
                        >rejoin</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a
                        href="index.RealtimeSubscription.html#rejoinUntilConnected"
                        class="tsd-kind-icon"
                        >rejoin<wbr />Until<wbr />Connected</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#replyEventName" class="tsd-kind-icon"
                        >reply<wbr />Event<wbr />Name</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#subscribe" class="tsd-kind-icon"
                        >subscribe</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#trigger" class="tsd-kind-icon"
                        >trigger</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeSubscription.html#unsubscribe" class="tsd-kind-icon"
                        >unsubscribe</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a
                        href="index.RealtimeSubscription.html#updateJoinPayload"
                        class="tsd-kind-icon"
                        >update<wbr />Join<wbr />Payload</a
                      >
                    </li>
                  </ul>
                </section>
              </div>
            </section>
          </section>
          <section class="tsd-panel-group tsd-member-group tsd-is-external">
            <h2>Constructors</h2>
            <section
              class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-external"
            >
              <a id="constructor" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  new <wbr />Realtime<wbr />Subscription<span class="tsd-signature-symbol">(</span
                  >topic<span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">string</span>, params<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-symbol">{}</span>, socket<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><a
                    href="index.RealtimeClient.html"
                    class="tsd-signature-type"
                    data-tsd-kind="Class"
                    >RealtimeClient</a
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><a
                    href="index.RealtimeSubscription.html"
                    class="tsd-signature-type"
                    data-tsd-kind="Class"
                    >RealtimeSubscription</a
                  >
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:18
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>topic: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>params: <span class="tsd-signature-symbol">{}</span></h5>
                      <ul class="tsd-parameters">
                        <li class="tsd-parameter-index-signature">
                          <h5>
                            <span class="tsd-signature-symbol">[</span>key:
                            <span class="tsd-signature-type">string</span
                            ><span class="tsd-signature-symbol">]: </span
                            ><span class="tsd-signature-type">unknown</span>
                          </h5>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <h5>
                        socket:
                        <a
                          href="index.RealtimeClient.html"
                          class="tsd-signature-type"
                          data-tsd-kind="Class"
                          >RealtimeClient</a
                        >
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns
                    <a
                      href="index.RealtimeSubscription.html"
                      class="tsd-signature-type"
                      data-tsd-kind="Class"
                      >RealtimeSubscription</a
                    >
                  </h4>
                </li>
              </ul>
            </section>
          </section>
          <section class="tsd-panel-group tsd-member-group tsd-is-external">
            <h2>Properties</h2>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="bindings" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                bindings<a href="#bindings" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                bindings<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span
                ><span class="tsd-signature-symbol">[]</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:11
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="joinPush" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                join<wbr />Push<a href="#joinPush" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                join<wbr />Push<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">default</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:15
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="joinedOnce" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                joined<wbr />Once<a
                  href="#joinedOnce"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                joined<wbr />Once<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">boolean</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:14
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="params" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                params<a href="#params" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                params<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-symbol">{}</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:7
                  </li>
                </ul>
              </aside>
              <div class="tsd-type-declaration">
                <h4>Type declaration</h4>
                <ul class="tsd-parameters">
                  <li class="tsd-parameter-index-signature">
                    <h5>
                      <span class="tsd-signature-symbol">[</span>key:
                      <span class="tsd-signature-type">string</span
                      ><span class="tsd-signature-symbol">]: </span
                      ><span class="tsd-signature-type">unknown</span>
                    </h5>
                  </li>
                </ul>
              </div>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="pushBuffer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                push<wbr />Buffer<a
                  href="#pushBuffer"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                push<wbr />Buffer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">default</span
                ><span class="tsd-signature-symbol">[]</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:17
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="rejoinTimer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                rejoin<wbr />Timer<a
                  href="#rejoinTimer"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                rejoin<wbr />Timer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">default</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:16
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="socket" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                socket<a href="#socket" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                socket<span class="tsd-signature-symbol">:</span>
                <a href="index.RealtimeClient.html" class="tsd-signature-type" data-tsd-kind="Class"
                  >RealtimeClient</a
                >
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:10
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="state" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                state<a href="#state" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                state<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">CHANNEL_STATES</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:13
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="timeout" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                timeout<a href="#timeout" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                timeout<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">number</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:12
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="topic" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                topic<a href="#topic" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                topic<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">string</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:6
                  </li>
                </ul>
              </aside>
            </section>
          </section>
          <section class="tsd-panel-group tsd-member-group tsd-is-external">
            <h2>Methods</h2>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="canPush" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                can<wbr />Push<a href="#canPush" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  can<wbr />Push<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:27
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isClosed" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Closed<a href="#isClosed" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Closed<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:54
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isErrored" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Errored<a href="#isErrored" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Errored<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:55
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isJoined" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Joined<a href="#isJoined" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Joined<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:56
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isJoining" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Joining<a href="#isJoining" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Joining<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:57
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isLeaving" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Leaving<a href="#isLeaving" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Leaving<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:58
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isMember" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Member<a href="#isMember" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Member<span class="tsd-signature-symbol">(</span>topic<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:49
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>topic: <span class="tsd-signature-type">string</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="joinRef" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                join<wbr />Ref<a href="#joinRef" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  join<wbr />Ref<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">string</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:50
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">string</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="off" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                off<a href="#off" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  off<span class="tsd-signature-symbol">(</span>event<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:26
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>event: <span class="tsd-signature-type">string</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="on" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<a href="#on" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<span class="tsd-signature-symbol">(</span>event<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span>, callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:25
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>event: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onClose" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Close<a href="#onClose" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Close<span class="tsd-signature-symbol">(</span>callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:23
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onError" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Error<a href="#onError" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Error<span class="tsd-signature-symbol">(</span>callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:24
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onMessage" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Message<a href="#onMessage" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Message<span class="tsd-signature-symbol">(</span>event<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span>, payload<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">any</span>, ref<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">any</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:48
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Overridable message hook</p>
                    </div>
                    <div>
                      <p>
                        Receives all events for specialized message handling before dispatching to
                        the channel callbacks. Must return the payload, modified or unmodified.
                      </p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>event: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>payload: <span class="tsd-signature-type">any</span></h5>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> ref:
                        <span class="tsd-signature-type">string</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">any</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="push" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                push<a href="#push" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  push<span class="tsd-signature-symbol">(</span>event<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">CHANNEL_EVENTS</span>, payload<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">any</span>, timeout<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">number</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">default</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:28
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>event: <span class="tsd-signature-type">CHANNEL_EVENTS</span></h5>
                    </li>
                    <li>
                      <h5>payload: <span class="tsd-signature-type">any</span></h5>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> timeout:
                        <span class="tsd-signature-type">number</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">default</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="rejoin" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                rejoin<a href="#rejoin" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  rejoin<span class="tsd-signature-symbol">(</span>timeout<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">number</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:51
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> timeout:
                        <span class="tsd-signature-type">number</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="rejoinUntilConnected" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                rejoin<wbr />Until<wbr />Connected<a
                  href="#rejoinUntilConnected"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  rejoin<wbr />Until<wbr />Connected<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:21
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="replyEventName" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                reply<wbr />Event<wbr />Name<a
                  href="#replyEventName"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  reply<wbr />Event<wbr />Name<span class="tsd-signature-symbol">(</span>ref<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">string</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:53
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>ref: <span class="tsd-signature-type">string</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">string</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="subscribe" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                subscribe<a href="#subscribe" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  subscribe<span class="tsd-signature-symbol">(</span>timeout<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">number</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">default</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:22
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> timeout:
                        <span class="tsd-signature-type">number</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">default</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="trigger" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                trigger<a href="#trigger" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  trigger<span class="tsd-signature-symbol">(</span>event<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span>, payload<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">any</span>, ref<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:52
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>event: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> payload:
                        <span class="tsd-signature-type">any</span>
                      </h5>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> ref:
                        <span class="tsd-signature-type">string</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="unsubscribe" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                unsubscribe<a href="#unsubscribe" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  unsubscribe<span class="tsd-signature-symbol">(</span>timeout<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">number</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">default</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:41
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Leaves the channel</p>
                    </div>
                    <div>
                      <p>
                        Unsubscribes from server events, and instructs channel to terminate on
                        server. Triggers onClose() hooks.
                      </p>
                      <p>
                        To receive leave acknowledgements, use the a <code>receive</code> hook to
                        bind to the server ack, ie: channel.unsubscribe().receive(&quot;ok&quot;, ()
                        =&gt; alert(&quot;left!&quot;) )
                      </p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> timeout:
                        <span class="tsd-signature-type">number</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">default</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="updateJoinPayload" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                update<wbr />Join<wbr />Payload<a
                  href="#updateJoinPayload"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  update<wbr />Join<wbr />Payload<span class="tsd-signature-symbol">(</span
                  >payload<span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-symbol">{}</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeSubscription.d.ts:29
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>payload: <span class="tsd-signature-symbol">{}</span></h5>
                      <ul class="tsd-parameters">
                        <li class="tsd-parameter-index-signature">
                          <h5>
                            <span class="tsd-signature-symbol">[</span>key:
                            <span class="tsd-signature-type">string</span
                            ><span class="tsd-signature-symbol">]: </span
                            ><span class="tsd-signature-type">unknown</span>
                          </h5>
                        </li>
                      </ul>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
          </section>
        </div>
        <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
          <nav class="tsd-navigation primary">
            <ul>
              <li class=""><a href="../modules.html">Modules</a></li>
              <li class="current tsd-kind-module">
                <a href="../modules/index.html">index</a>
                <ul>
                  <li class="tsd-kind-namespace tsd-parent-kind-module tsd-is-external">
                    <a href="../modules/index.Transformers.html">Transformers</a>
                  </li>
                </ul>
              </li>
              <li class="tsd-kind-module">
                <a href="../modules/lib_SupabaseQueryBuilder.html"
                  >lib/<wbr />Supabase<wbr />Query<wbr />Builder</a
                >
              </li>
              <li class="tsd-kind-module">
                <a href="../modules/lib_SupabaseRealtimeClient.html"
                  >lib/<wbr />Supabase<wbr />Realtime<wbr />Client</a
                >
              </li>
              <li class="tsd-kind-module">
                <a href="../modules/lib_constants.html">lib/constants</a>
              </li>
              <li class="tsd-kind-module"><a href="../modules/lib_helpers.html">lib/helpers</a></li>
              <li class="tsd-kind-module"><a href="../modules/lib_types.html">lib/types</a></li>
              <li class="tsd-kind-module"><a href="../modules/lib_version.html">lib/version</a></li>
            </ul>
          </nav>
          <nav class="tsd-navigation secondary menu-sticky">
            <ul>
              <li class="current tsd-kind-class tsd-parent-kind-module tsd-is-external">
                <a href="index.RealtimeSubscription.html" class="tsd-kind-icon"
                  >Realtime<wbr />Subscription</a
                >
                <ul>
                  <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#constructor" class="tsd-kind-icon"
                      >constructor</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#bindings" class="tsd-kind-icon"
                      >bindings</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#joinPush" class="tsd-kind-icon"
                      >join<wbr />Push</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#joinedOnce" class="tsd-kind-icon"
                      >joined<wbr />Once</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#params" class="tsd-kind-icon"
                      >params</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#pushBuffer" class="tsd-kind-icon"
                      >push<wbr />Buffer</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#rejoinTimer" class="tsd-kind-icon"
                      >rejoin<wbr />Timer</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#socket" class="tsd-kind-icon"
                      >socket</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#state" class="tsd-kind-icon">state</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#timeout" class="tsd-kind-icon"
                      >timeout</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#topic" class="tsd-kind-icon">topic</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#canPush" class="tsd-kind-icon"
                      >can<wbr />Push</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#isClosed" class="tsd-kind-icon"
                      >is<wbr />Closed</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#isErrored" class="tsd-kind-icon"
                      >is<wbr />Errored</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#isJoined" class="tsd-kind-icon"
                      >is<wbr />Joined</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#isJoining" class="tsd-kind-icon"
                      >is<wbr />Joining</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#isLeaving" class="tsd-kind-icon"
                      >is<wbr />Leaving</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#isMember" class="tsd-kind-icon"
                      >is<wbr />Member</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#joinRef" class="tsd-kind-icon"
                      >join<wbr />Ref</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#off" class="tsd-kind-icon">off</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#on" class="tsd-kind-icon">on</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#onClose" class="tsd-kind-icon"
                      >on<wbr />Close</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#onError" class="tsd-kind-icon"
                      >on<wbr />Error</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#onMessage" class="tsd-kind-icon"
                      >on<wbr />Message</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#push" class="tsd-kind-icon">push</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#rejoin" class="tsd-kind-icon"
                      >rejoin</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a
                      href="index.RealtimeSubscription.html#rejoinUntilConnected"
                      class="tsd-kind-icon"
                      >rejoin<wbr />Until<wbr />Connected</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#replyEventName" class="tsd-kind-icon"
                      >reply<wbr />Event<wbr />Name</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#subscribe" class="tsd-kind-icon"
                      >subscribe</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#trigger" class="tsd-kind-icon"
                      >trigger</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeSubscription.html#unsubscribe" class="tsd-kind-icon"
                      >unsubscribe</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a
                      href="index.RealtimeSubscription.html#updateJoinPayload"
                      class="tsd-kind-icon"
                      >update<wbr />Join<wbr />Payload</a
                    >
                  </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
    <footer class="with-border-bottom">
      <div class="container">
        <h2>Legend</h2>
        <div class="tsd-legend-group">
          <ul class="tsd-legend">
            <li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
            <li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
            <li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
            <li class="tsd-kind-type-alias tsd-has-type-parameter">
              <span class="tsd-kind-icon">Type alias with type parameter</span>
            </li>
          </ul>
          <ul class="tsd-legend">
            <li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
            <li class="tsd-kind-class tsd-has-type-parameter">
              <span class="tsd-kind-icon">Class with type parameter</span>
            </li>
          </ul>
          <ul class="tsd-legend">
            <li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
          </ul>
        </div>
        <h2>Settings</h2>
        <p>
          Theme
          <select id="theme">
            <option value="os">OS</option>
            <option value="light">Light</option>
            <option value="dark">Dark</option>
          </select>
        </p>
      </div>
    </footer>
    <div class="container tsd-generator">
      <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
    </div>
    <div class="overlay"></div>
    <script src="../assets/main.js"></script>
  </body>
</html>
